<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
        div.ex
        {
            width:220px;
            padding:10px;
            border:5px solid gray;
            margin:0px;
            word-wrap:break-word
        }
    </style>
</head>

<body>

<img src="wolf.png" width="250" height="250" />

<div class="ex">上面的图片是250 px宽。这个元素的总宽度也是250 px。<br><br>使用“word-wrap:break-word”让长英文断词<br><br>
    width:220px;padding:10px;border:5px。<br><br>总宽度：220+2*10+2*5</div>
</body>
</html>